.content_body_warp {
  width: 100%;
  flex: 1;
  background: '#FFF';
  padding: 16px;
  box-sizing: border-box;
}
.content_body {
  display: flex;
  flex-direction: column;

  .list_item {
    display: flex;

    :global {
      .adm-list-item-content-main {
        display: flex;
      }
    }
  }

  .list_item_reverse {
    display: flex;

    :global {
      .adm-list-item-content-main {
        display: flex;
        flex-direction: row-reverse;
      }
    }
  }

  .roleItem {

    // padding: 20px 16px;
    // background: #F7F7F7;
    .itemTop {
      display: flex;
      align-items: center;

      :global {
        .adm-button-default.adm-button-fill-outline {
          border-color: transparent;
        }
      }

      .itemLeft {
        display: flex;
        align-items: center;

        img {
          display: block;
          width: 48px;
          height: 48px;
          border-radius: 50%;
          margin-right: 10px;
        }

        .itemName {
          font-size: 16px;
          color: var(--theme-text-primary);
          margin-left: 5px;
        }
      }

      .itemRight {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: flex-end;

        .more {
          width: 24px;
          height: 24px;
          border-radius: 50%;
          background: var(--theme-bg-secondary);
          margin-right: 15px;
          display: flex;
          align-items: center;
          justify-content: center;
        }

        .tag {
          font-size: 12px;
          border-radius: 16px;
          background-color: var(--theme-bg-secondary);
          color: var(--theme-text-secondary);
          padding: 3px 12px;
          // width: 48px;
          // height: 24px;

          &.selected {
            background-color: var(--theme-primary);
            color: var(--theme-text-primary);
          }
        }
      }

      .recommendItemName {
        font-weight: bold;
        font-size: 16px;
        color: var(--theme-text-primary);
      }
    }

  }

  .content_body_top {
    .content_body_top_section {
      height: 65px;
      background: var(--theme-bg-secondary);
      border-radius: 10px 10px 10px 10px;
      display: flex;
      align-items: center;
      overflow-x: auto;
      .content_body_top_section_select {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background: #fff;
        margin-left: 10px;
        flex-shrink: 0;
        img {
          width: 100%;
          height: 100%;
          border-radius: 50%;
        }
      }
    }
  }
  :global {
    .adm-list-default .adm-list-body {
      border: none;
    }
    .adm-list-item-content {
      border: none;
    }
  }
}

.button_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 56px;
  background: var(--theme-bg-card);
  border-top: 1px solid var(--theme-border-primary);
  button {
    width: 200px;
  }
  .button_wrap_input {
    width: 267px;
    height: 36px;
    background: rgba(204, 204, 204, 0.2);
    border-radius: 20px;
  }
}